<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }
    /* 头部 */
    .top {
        height: 75px;
        width: 1240px;
        background-color: white;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .top_left {
        display: flex;
    }

    .top_left>img {
        width: 52px;
        height: 45px;
    }

    .top_left .shu {
        width: 2px;
        height: 50px;
        background-color: #bfbfbf;
        margin: 0 30px;
    }

    .top_left .jiyun {
        color: #bfbfbf;
    }

    /* 导航栏 */
    nav {
        width: 100%;
        height: 67px;
        background-color: #063651;
    }

    nav>ul {
        width: 1240px;
        height: 100%;
        margin: 0 auto;
        color: white !important;
        display: flex;
        align-items: center;
    }

    nav>ul li {
        color: white !important;
        width: 20%;
        text-align: center;
        height: 100%;
        line-height: 40px;
    }

    /* 轮播 */
    .img {
        background-image: url("http://www.usian.cn/jyimg/ai_top.33e71448.jpg");
        background-size: 100%;
        height: 500px;
        background-repeat: no-repeat;
    }

    /* 版心 */
    .w {
        width: 1200px;
        margin: 0 auto;
    }

    /* 人工 */
    .artificial {
        width: 100%;
        height: 40px;
        /* background-color: #fff; */
        text-align: center;
        line-height: 65px;
        margin-top: 20px;

    }

    .artificial span {
        color: #ee3a52;
    }

    .flex {
        height: 400px;
        /* background-color: #ee3a52; */
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .flex .box {
        /* flex: 1; */
        width: 230px;
        height: 300px;
        background-color: #fff;
        border: 1px solid #ccc;
        margin-top: 50px;
        position: relative;
    }

    .box img {
        position: absolute;
        left: 55px;
        top: -55px;
    }

    .box p {
        position: absolute;
        bottom: 165px;
        left: 45px;
        font-size: 18.75px;
        padding: 25px 0;
    }

    .box .p1 {
        font-size: 13px;
        position: absolute;
        top: 110px;
        left: 30px;
    }

    /* 咨询个人职业规划 */
    .consult {
        width: 195px;
        height: 40px;
        font-size: 13px;
        text-align: center;
        line-height: 40px;
        background-color: #75f1bb;
        margin: 0 660.7px 45px;
        border-radius: 40px;
    }

    .p2 {
        font-size: 15px;
        color: #595757;
        margin-top: 20px;
    }

    /* 学历 */
    .warp {
        background-color: #f6f6f6;
        margin-top: 70px;
        height: 550px;
        position: relative;
    }

    .xuel {
        /* display: flex; */
        width: 822px;
        height: auto;
        background-color: #fff;
        padding-left: 64px;
        padding-top: 10px;
        padding-bottom: 30px;
        border-radius: 6px;
        margin-left: -15px;
        border: 1px solid #ebebeb;
        margin-top: 50px;
    }

    .xuel ul {
        display: flex;

    }

    ul li {
        padding: 10px 26px;
        /* border: 1px solid #ebebeb; */
        color: #a2a2a2;
        font-size: 20px;
        font-weight: 400;
        display: inline-block;
        margin-left: 20px;
        margin-top: 10px;


    }

    .select {
        margin-left: 20px;
        /* margin-top: 30px; */
    }

    .border {
        color: #ee3a52;
        border: 1px solid #ee3a52;
    }

    /* 年龄 */
    .age {
        width: 822px;
        height: auto;
        padding-left: 64px;
        padding-top: 24px;
        padding-bottom: 30px;
        border-radius: 6px;
        margin-left: -30px;

    }

    .age ul li {
        background: #fff;
        margin-top: 10px;
    }

    /* 评估一下 */
    .assess {
        width: 430px;
        height: 60px;
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #b8b8b8;
        text-align: center;
        line-height: 60px;
        margin-left: 50px;
        margin-top: 30px;
    }

    .assess input {
        width: 89%;
        height: 60px;
        border: 0;
        margin-left: 20px;

        font-size: 22px;
        font-weight: 400;
        color: #a2a2a2;
        text-align: center;

    }

    .assess_item {
        width: 214px;
        height: 60px;
        background-color: #52cfc8;
        border-radius: 6px;
        text-align: center;
        line-height: 60px;
        font-size: 22px;
        color: #fff;
        margin-top: 20px;
        position: absolute;
        left: 540px;
        top: 390px;
    }

    .img1 {
        position: absolute;
        top: 0;
        right: 0;
        /* width: 100%;
    height: 550px; */
    }

    .img1 img {
        width: 100%;
        height: 550px;
    }

    /* 智慧 */
    .wisdom {
        height: 800px;
        margin-top: 50px;

    }

    .wisdom .wis {
        display: flex;

    }

    .wis li {
        flex: 1;
        width: 375px;
        height: 415px;
        flex-wrap: wrap;
        /* background-color: #75f1bb; */
    }

    li .jin img {
        width: 375px;
        height: 205px;
    }

    /* 智慧金融 */
    .dd {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 375px;
        height: 80px;
    }

    .dd img {
        width: 90px;
        height: 7.5px;
    }

    .dd p {
        color: #0f9196;
        font-size: 18px;
    }

    .piao {
        font-size: 15px;
        color: #000;
        line-height: 30px;
    }

    /* 获取完整课程大纲划 */
    .consult1 {
        width: 195px;
        height: 40px;
        font-size: 13px;
        text-align: center;
        line-height: 40px;
        background-color: #75f1bb;
        margin: 153px 710.7px 45px;
        border-radius: 40px;
    }

    /* 人工智能 */
    .artificial2 {

        margin-left: 60px;
        width: 100%;
        height: 40px;
        /* background-color: #fff; */
        text-align: center;
        line-height: 65px;
        margin-top: 20px;
    }

    .artificial2 span {
        color: #ee3a52;
    }

    /* 贴图 */
    .img2 img {
        height: 100px;
        margin-top: 30px;
    }

    .img3 img {
        /* margin: 0 auto; */
        width: 555px;
        height: 502px;
        margin-left: 515px;
        margin-top: 100px;
    }

    .help {
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-size: 18.75px;
        margin-top: 20px;
    }

    /* 了解更多 */
    .consult3 {
        width: 195px;
        height: 40px;
        font-size: 13px;
        text-align: center;
        line-height: 40px;
        background-color: #75f1bb;
        margin-left: 690px;
        margin-top: 50px;
        border-radius: 40px;
    }

    /* 积云 */
    .artificial2 {

        margin-left: 40px;
        width: 100%;
        height: 40px;
        /* background-color: #fff; */
        text-align: center;
        line-height: 65px;
        margin-top: 20px;
    }

    .artificial2 span {
        color: #ee3a52;
    }

    /* 学校环境 */
    .school {
        height: 442px;
        display: flex;
        margin-top: 30px;
    }

    .school .right {
        flex: 1;
        display: flex;
        flex-wrap: wrap;

    }

    .right img {
        width: 285px;
        height: 203px;
        margin: 9px;
    }

    /* 1-10 */
    .pois {
        margin-top: 60px;
    }

    .xi {
        display: flex;
    }

    .xi li {
        flex: 1;
        /* background-color: #ee3a52; */
        height: 66px;
        display: flex;
        justify-content: space-between;
        border: 0;
        align-items: center;
        border-bottom: 1px dashed #bfbfbf;
        /* margin-left: 20px; */

    }

    li span {
        display: inline-block;
        background-color: #fdaf2a;
        border-radius: 30px;
        text-align: center;
        margin-right: 15px;
        color: #000;
        width: 30px;
        height: 30px;
    }

    li p {
        color: #000;
    }

    li .op {
        width: 105px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        cursor: pointer;
        background-color: #fdaf2a;
        border-radius: 30px;
        text-align: center;
        margin-right: 15px;
        color: #000;
    }

    /* 底部 */
    footer {
        width: 100%;
        background-color: #063651;
        height: 500px;
        padding-top: 30px;
    }

    footer ul {
        width: 1200px;
        height: 300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    footer ul li {
        width: 338px;
        height: 303px;
    }

    footer ul li h3 {
        color: white;
        margin: 10px 0;
    }

    footer ul li p {
        font-size: 16px;
        color: #919298;
    }

    footer ul li img {
        width: 111px;
        height: 111px;
        margin-left: 30px;
        margin-top: 15px;
    }

    .fuwu {
        margin-left: 60px;
        font-size: 20px;
    }

    footer div {
        width: 1200px;
        height: 80px;
        margin: 0 auto;
    }

    footer div h3 {
        color: white;
        margin-left: 42px;
        margin-top: 60px;

    }

    footer div p {
        color: #919298;
        margin-left: 40px;
        margin-top: 20px;
    }

    footer h4 {
        text-align: center;
        color: #919298;
        margin-top: 30px;
    }

    a {
        color: white;
        text-decoration: none;
    }
</style>

<body style="overflow-x: hidden;">
    <!-- 头部 -->
    <div class="top">
        <div class="top_left">
            <img src="http://www.usian.cn/jyimg/logo1.052111ed.png" alt="">
            <div class="shu"></div>
            <div class="jiyun">
                <p>积云教育</p>
                <p>互联网+行业职业技术培训</p>
            </div>
        </div>
        <div class="top_right">010-57267122</div>
    </div>
    <!-- 导航栏 -->
    <nav>
        <ul>
            <li><a href="./index.html">首页</a></li>
            <li><a href="./java.html">Java大数据</a></li>
            <li>Python人工智能</li>
            <li><a href="./quanzhan.html">全栈开发</a></li>
            <li><a href="./jiyun.html">积云教育</a></li>
        </ul>
    </nav>
    <!-- 轮播 -->
    <div class="img"></div>
    <!-- 人工智能 -->
    <div class="artificial">
        <h1>人工智能 <span>适合人群</span></h1>
    </div>
    <!-- 刚毕业想把握未来 -->
    <div class="w flex">
        <div class="box">
            <img src="http://www.usian.cn/jyimg/ai_first_img01.ecd921a7.png" alt="">
            <p>刚毕业想把握未来</p>
            <p class="p1">想抓住未来方向的但又无从下 <br> 手的迫切求知者。</p>
        </div>

        <div class="box">
            <img src="http://www.usian.cn/jyimg/ai_first_img02.d3e5056a.png" alt="">
            <p>无基础自学困难</p>
            <p class="p1">想从事测试、运维、网络爬 <br> 虫、Web、数据科学、NLP、<br>CV等所有Python相关领域的<br>求职者。</p>
        </div>
        <div class="box">
            <img src="http://www.usian.cn/jyimg/ai_first_img03.1b66df9d.png" alt="">
            <p>想转行没有目标</p>
            <p class="p1">受够了传统行业的迷茫和窘 <br> 迫，想要改变生活的求变者。</p>
        </div>
        <div class="box">
            <img src="http://www.usian.cn/jyimg/ai_first_img04.29bb33cf.png" alt="">
            <p>有基础寻求提升</p>
            <p class="p1">热爱Python语言，被它的简 <br> 洁明快所深深吸引的求学者</p>
        </div>
    </div>
    <!-- 咨询个人职业规划 -->
    <div class="consult">
        咨询个人职业规划
    </div>
    <!-- 培训费用多少钱 评估一下 -->
    <div class="artificial">
        <h1>培训费用多少钱 <span>评估一下</span></h1>
        <p class="p2">根据个人情况，评估下学习费用，心里有底</p>
    </div>
    <!-- 学历 -->
    <div class="warp w ">
        <img src=""
            alt="">

        <div class="xuel">
            <p class="select">*请选择你的学历：</p>
            <ul>
                <li>初中</li>
                <li>高中</li>
                <li>中专</li>
                <li>大专</li>
                <li class="border">本科及以上</li>
            </ul>
        </div>
        <!-- 年龄 -->
        <div class="age">
            <p class="select">*请选择你的年龄：</p>
            <ul>
                <li>18周岁以下</li>
                <li>18-25周岁</li>
                <li>25-30周岁</li>
                <li class="border">30周岁+</li>

            </ul>
        </div>
        <!-- 评估一下-->
        <div class="assess">
            <input type="text" name="" id="" placeholder="输入手机号 评估学习费用">
        </div>
        <div class="assess_item">评估一下</div>
        <div class="img1">
            <img src="http://www.usian.cn/jyimg/500.ed17bb52.png" alt="">
        </div>
    </div>
    <!-- 人工智能 -->
    <div class="artificial">
        <h1>人工智能 <span>涉及领域</span></h1>
    </div>
    <div class="wisdom w">
        <ul class="wis w">
            <li>
                <p class="jin"><img src="http://www.usian.cn/jyimg/ai_second_img01.68bd9534.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智慧金融</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    股票证券的大数据分析、行业走势分析、投资风险预估等。
                </p>
            </li>
            <li>
                <p class="jin"><img src="http://www.usian.cn/jyimg/ai_second_img02.dbb2267b.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智能制造</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    工业4.0时代，智能制造解决方案助力制造企业持续改进<br>
                    流程、预防问题发生、优化运营时间，跳出空间限制彻底<br>
                    改造价值链，重塑制造企业核心竞争力！
                </p>
            </li>
            <li>
                <p class="jin"><img src="http://www.usian.cn/jyimg/ai_second_img03.cc2076ce.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智能农业</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    农业中已经用到很多的AI技术，农作物状态实时监控，物<br>
                    料采购，数据收集，灌溉，收获，销售等。通过应用人工<br>
                    智能设备终端等，大大提高了农牧业的产量，大大减少了<br>
                    许多人工成本和时间成本。
                </p>
            </li>

        </ul>
        <!-- 交通 -->
        <ul class="wis w">
            <li>
                <p class="jin"><img src="	http://www.usian.cn/jyimg/ai_second_img04.52808d52.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智慧交通</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    航线规划、无人驾驶汽车、超速、行车不规范等行为整治。
                </p>
            </li>
            <li>
                <p class="jin"><img src="http://www.usian.cn/jyimg/ai_second_img05.9a1b0745.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智能家电</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    家电智慧通过物联网技术，家中所有的智能家电均能互联 <br>
                    互通，实现全屋互联。大到智慧客厅、智慧厨房等人工智<br>
                    能解决方案,小到智能机器人、智能音箱等硬件。
                </p>
            </li>
            <li>
                <p class="jin"><img src="http://www.usian.cn/jyimg/ai_second_img06.40c5f53b.png" alt=""></p>
                <div class="dd">
                    <img src=""
                        alt="">
                    <p>智能医疗</p>
                    <img src=""
                        alt="">
                </div>
                <p class="piao">
                    利用最先进的物联网技术，实现患者与医务人员、医疗机<br>
                    构、医疗设备之间的互动，逐步达到信息化。例：健康监<br>
                    测（智能穿戴设备）、自动提示用药时间、服用禁忌、剩<br>
                    余药量等的智能服药系统。


                </p>
            </li>
        </ul>
    </div>

    <!-- 获取完整课程大纲划 -->
    <div class="consult1">
        获取完整课程大纲划
    </div>
    <!--人工智能  教学模式  -->
    <div class="artificial2">
        <h1>人工智能 <span>教学模式</span></h1>
    </div>
    <div class="w img2"><img src="http://www.usian.cn/jyimg/ai_fourth.1cc268fb.png" alt=""></div>
    <p class="help">帮助企业解决“实操刚需”痛点，让学员与企业无缝对接</p>
    <div class="img3">
        <img src="http://www.usian.cn/jyimg/ai_fourth02.5d79b8a5.png" alt="">
    </div>
    <!-- 了解更多 -->
    <div class="consult3">
        了解更多
    </div>
    <!-- 积云 -->
    <div class="artificial2">
        <h1>积云教育独有 <span>“大学校园”</span>学习环境</h1>
    </div>
    <!-- 学校环境 -->
    <div class="school w">
        <div class="left">
            <img src="http://www.usian.cn/jyimg/656.2868ecd6.png" alt="">
        </div>
        <div class="right">
            <img src="http://www.usian.cn/jyimg/3.9f1ae508.png" alt="">
            <img src="http://www.usian.cn/jyimg/6.8f8e3ed2.png" alt="">
            <img src="http://www.usian.cn/jyimg/1.ba5efc99.png" alt="">
            <img src="http://www.usian.cn/jyimg/9.1a136ea4.png" alt="">
        </div>
    </div>
    <div class="consult3">
        预约到校参观
    </div>
    <!-- 常见问题解答 -->
    <div class="artificial2">
        <h1>常见问题<span>解答</span></h1>
    </div>
    <!-- 1-8-->
    <div class="pois w">
        <ul class="xi">
            <li>
                <span>01</span>
                <p>对年龄和学历有要求吗？</p>
                <div class="op">查看答案</div>
            </li>
            <li>
                <span>02</span>
                <p>无基础能学吗</p>
                <div class="op">查看答案</div>
            </li>
        </ul>
        <ul class="xi">
            <li>
                <span>03</span>
                <p>学费多少钱？能分期吗？</p>
                <div class="op">查看答案</div>
            </li>
            <li>
                <span>04</span>
                <p>学多长时间？怎么上课？</p>
                <div class="op">查看答案</div>
            </li>
        </ul>
        <ul class="xi">
            <li>
                <span>05</span>
                <p>好学吗？学不会怎么办？</p>
                <div class="op">查看答案</div>
            </li>
            <li>
                <span>06</span>
                <p>学校在哪里？住宿是怎么安排？</p>
                <div class="op">查看答案</div>
            </li>
        </ul>
        <ul class="xi">
            <li>
                <span>07</span>
                <p>学完能拿到大专学历吗？</p>
                <div class="op">查看答案</div>
            </li>
            <li>
                <span>08</span>
                <p>学完是怎么安排就业的？</p>
                <div class="op">查看答案</div>
            </li>
        </ul>
    </div>
    <!-- 底部 -->
    <footer>
        <ul>
            <li>
                <h3>积云教育总部</h3>
                <p>北京市昌平区TBD云集中心4号楼C座三层306</p>
                <h3>北京校区</h3>
                <p>北京顺义区张喜庄商业街94号积云教育顺义校区</p>
                <h3>郑州校区</h3>
                <p>郑州市经济技术开发区九龙镇新亚产业园5A栋</p>
                <p>郑州市航空港区航田智能手机产业园5号地</p>
                <h3>山西校区</h3>
                <p>山西省晋中市榆次区文华街燕金商务楼</p>
            </li>
            <li>
                <img src="http://www.usian.cn/jyimg/fwh_03.c263fc50.jpg" alt="">
                <img src="http://www.usian.cn/jyimg/dyh_03.9c745106.jpg" alt="">
                <p class="fuwu">服务号&#X3000;&#X3000;&#X3000;&#X3000;订阅号</p>
            </li>
        </ul>
        <div>
            <h3>友情链接</h3>
            <p>龙岗英语培训&#X3000;成人中专招生网&#X3000;襄阳成考网&#X3000;英国热门院校&#X3000;泰国留学&#X3000;黑龙江事业单位招聘&#X3000;美国艺术留学&#X3000;对外汉语教师资格证
            </p>
        </div>
        <h4>Copyright 2018 - 2022 Usian.cn 北京优思安科技有限公司版权所有 京ICP备14057463号-1</h4>
    </footer>

</html>

</body>